<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>尚品汇</title>
	</head>
	<body>
		<!-- 头部 -->
		<header>
			<h1>尚品汇</h1>
		</header>

		<hr />

		<!-- 主导航 -->
		<nav>
			<a href="#">首页</a>
			<a href="#">订单</a>
			<a href="#">购物车</a>
			<a href="#">我的</a>
		</nav>

		<!-- 主要内容 -->
		<div class="main">
			<!-- 文章 -->
			<article>
				<h2>《如何一夜暴富》</h2>

				<section>
					<h3>第一种方式：通过做梦</h3>
					<p>你要这么去做梦，......</p>
				</section>

				<section>
					<h3>第二种方式：通过买彩票</h3>
					<p>你要这么去买彩票，......</p>
				</section>

				<section>
					<h3>第三种方式：通过学习编程</h3>
					<p>你要这么去学习编程，......</p>
				</section>
			</article>

			<!-- 侧边栏 -->
			<aside>
				<nav>
					<ul>
						<li><a href="#">秒杀专区</a></li>
						<li><a href="#">会员专区</a></li>
						<li><a href="#">领取优惠券</a></li>
						<li><a href="#">品牌专区</a></li>
					</ul>
				</nav>
			</aside>
		</div>

		<hr />

		<!-- 底部 -->
		<footer>
			<nav>
				<a href="#">联系我们</a>
				<a href="#">联系我们</a>
				<a href="#">联系我们</a>
			</nav>
		</footer>
	</body>
</html>
